<template>
    <div class="app">
        <h1>{{msg}}</h1>
        <SchoolInfo/>
        <StudentInfo/>
    </div>

</template>

<!--组件交互相关的代码-->
<script>
    // <!--    引入组件-->
    import SchoolInfo from './components/SchoolInfo'
    import StudentInfo from './components/StudentInfo'

    export default {
        name: 'App',
        data() {
            return {
                msg: 'hello'
            }
        },
        components: {
            StudentInfo,
            SchoolInfo
        }
    }

</script>

<!--组件的样式-->
<style>
    .app {
        background-color: gray;

    }
</style>
